﻿@font-face {
    font-family: 'fbalfalight';
    src: url('fonts/fbalfa-light-webfont.eot');
    src: url('fonts/fbalfa-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fbalfa-light-webfont.woff') format('woff'),
         url('fonts/fbalfa-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'fbelegantimedium';
    src: url('fonts/fbeleganti-medium-webfont.eot');
    src: url('fonts/fbeleganti-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fbeleganti-medium-webfont.woff') format('woff'),
         url('fonts/fbeleganti-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'fbspoiler_regularregular';
    src: url('fonts/fbspoiler-regular-webfont.eot');
    src: url('fonts/fbspoiler-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fbspoiler-regular-webfont.woff') format('woff'),
         url('fonts/fbspoiler-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

html, body
{
    font-size: .80em;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #434343;
    margin: 0;
    padding: 0;
    height: 100%;
    background-color:#bbb;
}

input
{
     font-family:  Arial;  
}

/* no borders for clickable images */
a img {
    border-width:0px;
}

.page
{
    min-height: 100%;
    width: 1024px;
    margin: auto;
    direction:rtl;
    background-color:#fff;
    color:#585858;
    box-shadow: 0px -15px/*0px*/ 15px #555;
    -webkit-box-shadow: 0px -15px/*0px*/ 15px #555;
    
    /*Added to support CSS3 in IE:*/
    position:relative;
    behavior: url(http://www.keepo.co.il/Elinir/Home/HTCfile);
}

.page #content
{
    min-height: 450px;
    margin: auto;
    margin-top: -65px;
    font-size:1.2em;
    padding:0px 10px;
    position:relative;
    padding-bottom: 60px;
}

#content #contentContainer {
    width:920px;  
    margin:auto; 
}

#content #contentContainer.full {
    width:auto;   
}

#content #contentContainer #rightPanel {
    width:200px;
    float:right;   
}

#content #contentContainer #leftPanel {
    width:200px;
    float:right;   
}

#leftPanel .sideButton {
    float:left; 
    margin-bottom:10px;
}

#rightPanel .sideButton {
    float:right;   
    margin-bottom:10px;
}

#rightPanel #editorLoginPanel {
    background-image:url(images/newLayout/loginBackground.jpg);
    width:188px;
    height:112px;
    margin-bottom:20px;
}

#rightPanel #editorLoginPanel .title {
    color: #1078BE;
    font-size: 19px;
    text-align: right;
    padding-top: 5px;
    padding-right: 24px;
}

#rightPanel #editorLoginPanel .label {
    color:#939598;
    font-size:14px;
    text-align:center;   
}

#rightPanel #editorLoginPanel input[type=text] {
    border-width:0px;
    width:140px;
    height:22px;
    margin:auto;
    display:block; 
    font-size: 17px;
}

#rightPanel #editorLoginPanel input[type=submit] {
    background-image:url(images/newLayout/loginButton.jpg);   
    width:140px;
    height:25px;
    border-width:0px;
    margin:auto;
    margin-top:5px;
    display:block; 
}

#rightPanel #editorLoginPanel #orderNumNotExists
{
    width:140px;
    background-color:#ee6d72;  
    color:#000;
    margin:auto;
}

#leftPanel #contactDetails {
    float:left;
    width:192px;
    height:73px; 
    background-image:url(images/newLayout/sideButtons/orderSalesMan.png);
    display:block;
    border-width:0px;
}

/* main center panel
---------------------*/

#content #contentContainer #mainPanel {
    width:480px;
    float:right;   
    position:relative;
    padding:20px;
    font-size:17px;
    text-align: justify;
}

#content #contentContainer #mainPanel.full {
    width:1000px; 
    font-size: 12px;
    padding:0px;  
}

#mainPanel .top {
    position:absolute;
    left:20px;
    right:20px;
    top:0px;
    height:3px;
    background-image:url(images/newLayout/mainPanel/top.png);   
}

#content #contentContainer #mainPanel.full .top,
#content #contentContainer #mainPanel.full .bottom,
#content #contentContainer #mainPanel.full .right,
#content #contentContainer #mainPanel.full .left,
#content #contentContainer #mainPanel.full .leftTop,
#content #contentContainer #mainPanel.full .leftBottom,
#content #contentContainer #mainPanel.full .rightTop,
#content #contentContainer #mainPanel.full .rightBottom {
    display:none;   
}

#mainPanel .bottom {
    position:absolute;
    left:20px;
    right:20px;
    bottom:0px;
    height:4px;
    background-image:url(images/newLayout/mainPanel/bottom.png);   
}

#mainPanel .left {
    position:absolute;
    top:20px;
    bottom:20px;
    left:0px;
    width:4px;
    background-image:url(images/newLayout/mainPanel/left.png);   
}

#mainPanel .right {
    position:absolute;
    top:20px;
    bottom:20px;
    right:0px;
    width:4px;
    background-image:url(images/newLayout/mainPanel/left.png);   
}

#mainPanel .leftTop {
    position:absolute;
    left:0px;
    top:0px;
    width:20px;
    height:20px;
    background-image:url(images/newLayout/mainPanel/leftTop.png);   
}

#mainPanel .leftBottom {
    position:absolute;
    left:0px;
    bottom:0px;
    width:20px;
    height:20px;
    background-image:url(images/newLayout/mainPanel/leftBottom.png);   
}

#mainPanel .rightTop {
    position:absolute;
    right:0px;
    top:0px;
    width:20px;
    height:20px;
    background-image:url(images/newLayout/mainPanel/rightTop.png);   
}

#mainPanel .rightBottom {
    position:absolute;
    right:0px;
    bottom:0px;
    width:20px;
    height:20px;
    background-image:url(images/newLayout/mainPanel/rightBottom.png);   
}

#mainPanel > .title {
    color:#0e76bc;
    font-size:25px;
    margin-bottom:20px;
}

#mainPanel > .title .titleBottom {
    background-image:url(images/newLayout/titleBottom.png);
    height:2px;
    margin-top:3px;
} 

/*----------------*/

#header
{
    display:block;
}

#header img
{
    border-width:0px;
    width:100%;   
}

#footer {
    padding-bottom:20px;
    text-align:center;
    color:#939598;
    font-size:16px;   
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

#footer a{
    color:#585858;
}

/*Panels
---------*/

.panel
{
    background-image:url(images/opacity40.png);
    padding:10px;
    color:#333;
    border:2px dashed #000;
    -moz-border-radius:0.7em;
    -webkit-border-radius:0.7em;
    border-radius: 0.7em;
    
    /*Added to support CSS3 in IE:*/
    position:relative;
    behavior: url(../../Home/HTCfile);
}

.panel .title
{
    font-size: 1.7em;
    font-weight:bold;  
    margin-bottom:8px;
}

/* Main Menu
-------------*/

ul#mainMenu
{
    list-style-type:none;
    padding:0px;
    margin:auto;
    margin-bottom: 2px;
    margin-right: 60px;
}

ul#mainMenu li
{
    float:right; 
    margin-right: -25px;
}

ul#mainMenu li a
{
    display:block; 
    height: 100%;
}

ul#mainMenu li.about {
    background-image:url(images/newLayout/menuItem1.png);
    width:174px;
    height:41px;
}

ul#mainMenu li.howWorks {
    background-image:url(images/newLayout/menuItem2.png);
    width:174px;
    height:41px;
}

ul#mainMenu li.worthToNotice {
    background-image:url(images/newLayout/menuItem3.png);
    width:176px;
    height:41px;
}

ul#mainMenu li.clientsStories {
    background-image:url(images/newLayout/menuItem4.png);
    width:176px;
    height:41px;
}

ul#mainMenu li.ecologicBooks {
    background-image:url(images/newLayout/menuItem5.png);
    width:175px;
    height:41px;
}

ul#mainMenu li.samples {
    background-image:url(images/newLayout/menuItem6.png);
    width:174px;
    height:41px;
}

/* sub menu
---------------*/

ul#subMenu {
    list-style-type:none;
    padding:0px;
    margin:auto;
    color:#939598;  
    float:left; 
    margin-top:10px;
    margin-left: 46px;
    margin-bottom:20px;
}

ul#subMenu li {
    font-size:17px;
    float:right;
    margin-left:5px;   
}

ul#subMenu li a {
    color:#585858;   
}

/*-------------*/

#content .loadingImage,#divMainDialog .loadingImage
{
    background-repeat:no-repeat;
    background-position:center;
    padding:10px;
    background-color:#fff;
    border:solid 3px #333;
    
    -moz-border-radius:0.7em;
    -webkit-border-radius:0.7em;
    border-radius: 0.7em;
}

#content .loadingImage
{
    margin-right:55%;
}

#divMainDialog .loadingImage
{
    margin-top: 0px;   
}

#content .messageText
{
    margin-top:30px;
    text-align:center;
    font-size:1.6em;
}

#content .brightText
{
    font-size:1.2em;   
}

#content .specText
{
    color:#ddeb68;   
}

.submitButton,a.submitButton,a.submitButton:hover
{
    display:inline-block;
    min-width:120px;
    border-width:0px;
    background-color:#bbb;
    cursor:pointer;
    font-size:1.3em;
    text-align:center;
    padding: 5px 10px;
    /*font-weight:bold;*/
    /*font-family: 'TipografBoldRegular', Arial;*/
}

a.submitButton:hover,.submitButton:hover
{
    background-color:#888; 
}

#content input[type=text],
#content input[type=password],
#content textarea
{
    border:1px solid #777;
    width: 250px;
}

#content input[type=text],
#content input[type=password]
{
    font-size:1.7em;
    color:#0073b1;
}

#content textarea
{
    width:247px;   
}

#content .fieldRow .label
{
    font-size:22px;
}

#content .field-validation-error
{
    color:#7c0000;
}

#content .fieldRow .label .field-validation-error
{
    display:block;
    font-size:0.7em;
}

/* Jquery UI fixes
-----------------*/
.ui-dialog
{
    
}

.ui-widget-content
{
    /* color:#fff;  */
    /* font-weight:bold; */
}

#divMainDialog.ui-widget-content a
{
    color:#fff;
    text-decoration:underline;   
}

#divConfirmDialog.publicLayout #divDialogButtons
{
    width: 270px;
}

/*----------------*/

#phoneContactDiv
{
    display:none;
    
    color:#0073b1;
    font-size:1.4em;
    /*font-weight:bold;*/
    float:left;
    padding:20px;  
    position:absolute;
    left:40px;
    bottom:40px; 
}

#content .boxTitle
{
    background-image:url(images/layout/boxTitle.png);
    background-position:right bottom;
    background-repeat:no-repeat;
    width:267px;
    height:40px;
    font-size:1.9em;
    /*font-weight:bold;*/
    padding-right: 14px;
    margin-right: -10px;
    /*font-family: 'TipografBoldRegular', Arial;*/
}

#content .boxSubTitle
{
    font-size:24px;
    color:#1078be;
}

#content .specText {
    color:#1078be;
}

/* How it works page
-----------------------*/

.howWorksContainer {
    background-image:url(images/newLayout/howItWorks/howItWorks.png);
    width:204px;
    height:893px;
}

.howWorksDesc {
    width: 200px;
    margin-right: 70px;
    font-size: 16px;
    height: 230px;
    position: relative;
}

/* Worth To Notice page
--------------------------*/

.worthToNoticeContainer {
    width: 497px;
    height: 669px;
    position: relative;
    right: -10px;
}

.worthToNoticeContainer img {
    top:60px;
    left:0px;
    width:100%;   
    z-index:2;
}

.worthToNoticeText {
    position:relative;
    z-index:3;
    float:right;
    margin-right:15px;
    width: 232px;
    color: #818285;
}

.worthToNoticeTextTitle {
    font-size:21px;
}

.worthToNoticeTextDesc {
    font-size:14px;
}

/* Samples page
--------------------*/

.samplesTitle {
    font-size:24px;
    margin-bottom:8px;   
}

#samplesImagesContainer {
    overflow:auto;   
    height:910px;
    width:100%;
    direction:ltr;
}

#samplesImages {
    list-style-type:none;
    padding:0px;
    width:80%;
    margin:auto;
}

#samplesImages li {
    float:right;
    width:50%;  
    margin-bottom:20px; 
}

#samplesImages li img {
    margin:auto;
    display:block;
}

/* Clients stories page
-------------------------*/

.clientStory {
    font-size:14px;
    margin-bottom:20px;   
    color: #434343;
}

.clientStory .seperator {
     background-image:url(images/newLayout/titleBottom.png);
    height:2px;
    margin-top:3px;
}

.clientStory img {
    display:block;
    float:left;   
}